﻿<!doctype html>
<html class="no-js" lang="en">

<head>
    <!-- META DATA -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!--font-family-->


    <!-- TITLE OF SITE -->
    <title>Home</title>

    <!-- favicon img -->
    <link rel="shortcut icon" type="image/icon" href="../static/index/assets/logo/favicon.png"/>

    <!--font-awesome.min.css-->
    <link rel="stylesheet" href="../static/index/assets/css/font-awesome.min.css"/>

    <!--animate.css-->
    <link rel="stylesheet" href="../static/index/assets/css/animate.css"/>

    <!--hover.css-->
    <link rel="stylesheet" href="../static/index/assets/css/hover-min.css">

    <!--datepicker.css-->
    <link rel="stylesheet" href="../static/index/assets/css/datepicker.css">

    <!--owl.carousel.css-->
    <link rel="stylesheet" href="../static/index/assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="../static/index/assets/css/owl.theme.default.min.css"/>

    <!-- range css-->
    <link rel="stylesheet" href="../static/index/assets/css/jquery-ui.min.css"/>

    <!--bootstrap.min.css-->
    <link rel="stylesheet" href="../static/index/assets/css/bootstrap.min.css"/>

    <!-- bootsnav -->
    <link rel="stylesheet" href="../static/index/assets/css/bootsnav.css"/>

    <!--style.css-->
    <link rel="stylesheet" href="../static/index/assets/css/style.css"/>

    <!--responsive.css-->
    <link rel="stylesheet" href="../static/index/assets/css/responsive.css"/>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

    <!--[if lt IE 9]>

    <![endif]-->

</head>

<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade
    your browser</a> to improve your experience and security.</p>
<![endif]-->

<!-- main-menu Start -->
<header class="top-area">
    <div class="header-area">
        <div class="container">
            <div class="row">
                <div class="col-sm-2">
                    <div class="logo">
                        <a href="index_wel.html">
                            tour<span>Nest</span>
                        </a>
                    </div><!-- /.logo-->
                </div><!-- /.col-->
                <div class="col-sm-10">
                    <div class="main-menu">

                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle" data-toggle="collapse"
                                    data-target=".navbar-collapse">
                                <i class="fa fa-bars"></i>
                            </button><!-- / button-->
                        </div><!-- /.navbar-header-->
                        <div class="collapse navbar-collapse">
                            <ul class="nav navbar-nav navbar-right">
                                <li class="smooth-menu"><a href="#home">home</a></li>
                                <li class="smooth-menu"><a href="#gallery">Destination</a></li>
                                <li class="smooth-menu"><a href="#pack">Packages </a></li>
                                <li class="smooth-menu"><a href="#spo">Special Offers</a></li>
                                <li class="smooth-menu"><a href="#blog">blog</a></li>
                                <li class="smooth-menu"><a href="#subs">subscription</a></li>
                                <li>
                                    <button class="book-btn">
                                        {% if request.user.is_authenticated %}
                                            <a href={% url 'login' %}>Hello, {{ request.user.username }}</a>
                                        {% else %}
                                            <a href={% url 'login' %}>Login</a>
                                        {% endif %}
                                    </button>
                                </li><!--/.project-btn-->
                            </ul>
                        </div><!-- /.navbar-collapse -->
                    </div><!-- /.main-menu-->
                </div><!-- /.col-->
            </div><!-- /.row -->
            <div class="home-border"></div><!-- /.home-border-->
        </div><!-- /.container-->
    </div><!-- /.header-area -->

</header><!-- /.top-area-->
<!-- main-menu End -->


<!--about-us start -->
<section id="home" class="about-us">
    <div class="container">
        <div class="about-us-content">
            <div class="row">
                <div class="col-sm-12">
                    <div class="single-about-us">
                        <div class="about-us-txt">
                            <h2>
                                Explore the Beauty of the Beautiful World

                            </h2>
                            <div class="about-btn">
                                <button class="about-view">
                                    explore now
                                </button>
                            </div><!--/.about-btn-->
                        </div><!--/.about-us-txt-->
                    </div><!--/.single-about-us-->
                </div><!--/.col-->
                <div class="col-sm-0">
                    <div class="single-about-us">

                    </div><!--/.single-about-us-->
                </div><!--/.col-->
            </div><!--/.row-->
        </div><!--/.about-us-content-->
    </div><!--/.container-->

</section><!--/.about-us-->
<!--about-us end -->

<!--travel-box start-->
<section class="travel-box">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="single-travel-boxes">
                    <div id="desc-tabs" class="desc-tabs">

                        <ul class="nav nav-tabs" role="tablist">

                            <li role="presentation" class="active">
                                <a href="#tours" aria-controls="tours" role="tab" data-toggle="tab">
                                    <i class="fa fa-tree"></i>
                                    tours
                                </a>
                            </li>

                            <li role="presentation">
                                <a href="#hotels" aria-controls="hotels" role="tab" data-toggle="tab">
                                    <i class="fa fa-building"></i>
                                    hotels
                                </a>
                            </li>

                            <li role="presentation">
                                <a href="#flights" aria-controls="flights" role="tab" data-toggle="tab">
                                    <i class="fa fa-plane"></i>
                                    flights
                                </a>
                            </li>
                        </ul>

                        <!-- Tab panes -->
                        <div class="tab-content">

                            <div role="tabpanel" class="tab-pane active fade in" id="tours">
                                <div class="tab-para">
                                    <form method="post" action={% url 'orderSuccess' %}>
                                        {% csrf_token %}
                                        <div class="row">
                                            <div class="col-lg-4 col-md-4 col-sm-12">
                                                <div class="single-tab-select-box">

                                                    <h2>User Name</h2>

                                                    <div class="travel-select-icon">

                                                        <select name="orderuser" class="form-control ">
                                                            {% for user in db %}
                                                                <option value="{{ user.username }}">{{ user.username }}</option>
                                                            {% endfor %}
                                                            <!-- /.option-->

                                                            {#                                                        <option value="turkey">turkey</option><!-- /.option-->#}
                                                            {##}
                                                            {#                                                        <option value="russia">russia</option><!-- /.option-->#}
                                                            {#                                                        <option value="egept">egypt</option><!-- /.option-->#}

                                                        </select><!-- /.select-->
                                                    </div><!-- /.travel-select-icon -->

                                                    {#                                                <div class="travel-select-icon">#}
                                                    {#                                                    <select class="form-control ">#}
                                                    {##}
                                                    {#                                                        <option value="default">Wyatt</option>#}
                                                    {#                                                        <!-- /.option-->#}
                                                    {##}
                                                    {#                                                        <option value="istambul">Amy</option><!-- /.option-->#}
                                                    {##}
                                                    {#                                                        <option value="mosko">Tim</option><!-- /.option-->#}
                                                    {#                                                        <option value="cairo">Bob</option><!-- /.option-->#}
                                                    {#                                                        <option value="deasdf">Dsdaf</option>#}
                                                    {#                                                        <!-- /.option-->#}
                                                    {##}
                                                    {#                                                        <option value="istambul">Dasdf</option><!-- /.option-->#}
                                                    {##}
                                                    {#                                                        <option value="mosko">Tgddf</option><!-- /.option-->#}
                                                    {#                                                        <option value="cairo">Basdg</option><!-- /.option-->#}
                                                    {#                                                        <option value="asdf">Erea</option>#}
                                                    {#                                                        <!-- /.option-->#}
                                                    {##}
                                                    {#                                                        <option value="istambul">Dsfeg</option><!-- /.option-->#}
                                                    {##}
                                                    {#                                                        <option value="mosko">Hdfas</option><!-- /.option-->#}
                                                    {#                                                        <option value="cairo">Gadsf</option><!-- /.option-->#}
                                                    {##}
                                                    {#                                                    </select><!-- /.select-->#}
                                                    {#                                                </div><!-- /.travel-select-icon -->#}

                                                </div><!--/.single-tab-select-box-->
                                            </div><!--/.col-->

                                            <div class="col-lg-2 col-md-3 col-sm-4">
                                                <div class="single-tab-select-box">
                                                    <h2>Ticket Number</h2>
                                                    <div class="travel-check-icon">
                                                        {#                                                    <form method="post" action={% url 'orderSuccess' %} >#}
                                                        <input type="text" name="ticket_number" class="form-control"
                                                               placeholder="Z999553">
                                                        {#                                                    </form>#}
                                                    </div><!-- /.travel-check-icon -->
                                                </div><!--/.single-tab-select-box-->
                                            </div><!--/.col-->

                                            <div class="col-lg-2 col-md-3 col-sm-4">
                                                <div class="single-tab-select-box">
                                                    <h2>Train</h2>
                                                    <div class="travel-select-icon">
                                                        <select name="train" class="form-control ">


                                                            {% for t in tr %}
                                                                <option value="{{ t.ID }}">{{ t.ID }}</option>
                                                            {% endfor %}
                                                            <!-- /.option-->

                                                            <option value="istambul">1034</option><!-- /.option-->

                                                            <option value="mosko">1055</option><!-- /.option-->
                                                            <option value="cairo">1059</option><!-- /.option-->
                                                            <option value="deasdf">1054</option>
                                                            <!-- /.option-->

                                                            <option value="istambul">1033</option><!-- /.option-->

                                                            <option value="mosko">1032</option><!-- /.option-->
                                                            <option value="cairo">1057</option><!-- /.option-->
                                                            <option value="asdf">1046</option>
                                                            <!-- /.option-->

                                                            <option value="istambul">1023</option><!-- /.option-->

                                                            <option value="mosko">1029</option><!-- /.option-->
                                                            <option value="cairo">1067</option><!-- /.option-->

                                                        </select><!-- /.select-->
                                                    </div><!-- /.travel-check-icon -->
                                                </div><!--/.single-tab-select-box-->
                                            </div><!--/.col-->

                                            <div class="col-lg-2 col-md-1 col-sm-4">
                                                <div class="single-tab-select-box">
                                                    <h2>Seat</h2>
                                                    <div class="travel-check-icon">
                                                        {#                                                    <form method="post" action={% url 'orderSuccess' %} >#}
                                                        <input type="text" name="seat" class="form-control"
                                                               placeholder="B99">
                                                        {#                                                    </form>#}
                                                        {#                                                    <select class="form-control ">#}
                                                        {##}
                                                        {#                                                        <option value="default">5</option><!-- /.option-->#}
                                                        {##}
                                                        {#                                                        <option value="10">10</option><!-- /.option-->#}
                                                        {##}
                                                        {#                                                        <option value="15">15</option><!-- /.option-->#}
                                                        {#                                                        <option value="20">20</option><!-- /.option-->#}
                                                        {##}
                                                        {#                                                    </select><!-- /.select-->#}
                                                    </div><!-- /.travel-select-icon -->
                                                </div><!--/.single-tab-select-box-->
                                            </div><!--/.col-->


                                            {#                                        <div class="col-lg-2 col-md-1 col-sm-4">#}
                                            {#                                            <div class="single-tab-select-box">#}
                                            {#                                                <h2>members</h2>#}
                                            {#                                                <div class="travel-select-icon">#}
                                            {#                                                    <select class="form-control ">#}
                                            {##}
                                            {#                                                        <option value="default">1</option><!-- /.option-->#}
                                            {##}
                                            {#                                                        <option value="2">2</option><!-- /.option-->#}
                                            {##}
                                            {#                                                        <option value="4">4</option><!-- /.option-->#}
                                            {#                                                        <option value="8">8</option><!-- /.option-->#}
                                            {##}
                                            {#                                                    </select><!-- /.select-->#}
                                            {#                                                </div><!-- /.travel-select-icon -->#}
                                            {#                                            </div><!--/.single-tab-select-box-->#}
                                            {#                                        </div><!--/.col-->#}

                                        </div><!--/.row-->

                                        <div class="row">
                                            <div class="col-sm-5">
                                                <div class="travel-budget">
                                                    <div class="row">
                                                        <div class="col-md-3 col-sm-4">
                                                            <h3>budget : </h3>
                                                        </div><!--/.col-->
                                                        <div class="co-md-9 col-sm-8">
                                                            <div class="travel-filter">
                                                                <div class="info_widget">
                                                                    <div class="price_filter">

                                                                        <div id="slider-range"></div>
                                                                        <!--/.slider-range-->

                                                                        <div class="price_slider_amount">
                                                                            <input type="text" id="amount" name="price"
                                                                                   placeholder="Add Your Price"/>
                                                                        </div><!--/.price_slider_amount-->
                                                                    </div><!--/.price-filter-->
                                                                </div><!--/.info_widget-->
                                                            </div><!--/.travel-filter-->
                                                        </div><!--/.col-->
                                                    </div><!--/.row-->
                                                </div><!--/.travel-budget-->
                                            </div><!--/.col-->
                                            <div class="clo-sm-7">
                                                <div class="about-btn travel-mrt-0 pull-right">
                                                    <input type="submit" class="about-view travel-btn">

                                                    </input><!--/.travel-btn-->
                                                </div><!--/.about-btn-->
                                            </div><!--/.col-->

                                        </div><!--/.row-->
                                    </form>
                                    <div class="row blank">
                                        <br>
                                        <br>
                                    </div>
                                    <div class="row">
                                        <div class="ticket-info">
                                            <div class="container">
                                                <table class="table">
                                                    <thead class="thead-dark">
                                                    <tr>
                                                        <th scope="col">ID</th>
                                                        <th scope="col">Name</th>
                                                        <th scope="col">Type</th>
                                                        <th scope="col">State</th>
                                                        <th scope="col">From</th>
                                                        <th scope="col">To</th>

                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    {% for p in c_page %}
                                                        <tr>
                                                            <th scope="p">{{ p.ID }}</th>
                                                            <td>{{ p.Name }}</td>
                                                            <td>{{ p.Type }}</td>
                                                            <td>{{ p.State }}</td>
                                                            <td>{{ p.From }}</td>
                                                            <td>{{ p.To }}</td>
                                                        </tr>
                                                    {% endfor %}

                                                    </tbody>

                                                </table>

{#                                                <div>#}
{#                                                    <nav aria-label="Page navigation example">#}
{#                                                        <ul class="pagination">#}
{#                                                            {% if c_page.has_previous %}#}
{#                                                                <li class="page-item"><a class="page-link"#}
{#                                                                                         href="/customer/index&page={{ c_page.previous_page_number }}">Previous</a>#}
{#                                                                </li>#}
{#                                                            {% else %}#}
{#                                                                <li class="page-item"><a class="page-link">Previous</a>#}
{#                                                                </li>#}
{#                                                            {% endif %}#}
{##}
{##}
{#                                                            {% if c_page.has_next %}#}
{#                                                                <li class="page-item"><a class="page-link"#}
{#                                                                                         href="/customer/index&page={{ c_page.next_page_number }}">Next</a>#}
{#                                                                </li>#}
{#                                                            {% else %}#}
{#                                                                <li class="page-item"><a class="page-link">Next</a></li>#}
{#                                                            {% endif %}#}
{#                                                        </ul>#}
{#                                                    </nav>#}
{#                                                </div>#}


                                            </div>
                                        </div>
                                    </div>

                                </div><!--/.tab-para-->

                            </div><!--/.tabpannel-->

                            <div role="tabpanel" class="tab-pane fade in" id="hotels">
                                <div class="tab-para">

                                    <div class="row">
                                        <div class="col-lg-4 col-md-4 col-sm-12">
                                            <div class="single-tab-select-box">

                                                <h2>destination</h2>

                                                <div class="travel-select-icon">
                                                    <select class="form-control ">

                                                        <option value="default">enter your destination country</option>
                                                        <!-- /.option-->

                                                        <option value="turkey">turkey</option><!-- /.option-->

                                                        <option value="russia">russia</option><!-- /.option-->
                                                        <option value="egept">egypt</option><!-- /.option-->

                                                    </select><!-- /.select-->
                                                </div><!-- /.travel-select-icon -->

                                                <div class="travel-select-icon">
                                                    <select class="form-control ">

                                                        <option value="default">enter your destination location</option>
                                                        <!-- /.option-->

                                                        <option value="istambul">istambul</option><!-- /.option-->

                                                        <option value="mosko">mosko</option><!-- /.option-->
                                                        <option value="cairo">cairo</option><!-- /.option-->

                                                    </select><!-- /.select-->
                                                </div><!-- /.travel-select-icon -->

                                            </div><!--/.single-tab-select-box-->
                                        </div><!--/.col-->

                                        <div class="col-lg-2 col-md-3 col-sm-4">
                                            <div class="single-tab-select-box">
                                                <h2>check in</h2>
                                                <div class="travel-check-icon">
                                                    <form action="#">
                                                        <input type="text" name="check_in" class="form-control"
                                                               data-toggle="datepicker" placeholder="12 -01 - 2017 ">
                                                    </form>
                                                </div><!-- /.travel-check-icon -->
                                            </div><!--/.single-tab-select-box-->
                                        </div><!--/.col-->

                                        <div class="col-lg-2 col-md-3 col-sm-4">
                                            <div class="single-tab-select-box">
                                                <h2>check out</h2>
                                                <div class="travel-check-icon">
                                                    <form action="#">
                                                        <input type="text" name="check_out" class="form-control"
                                                               data-toggle="datepicker" placeholder="22 -01 - 2017 ">
                                                    </form>
                                                </div><!-- /.travel-check-icon -->
                                            </div><!--/.single-tab-select-box-->
                                        </div><!--/.col-->

                                        <div class="col-lg-2 col-md-1 col-sm-4">
                                            <div class="single-tab-select-box">
                                                <h2>duration</h2>
                                                <div class="travel-select-icon">
                                                    <select class="form-control ">

                                                        <option value="default">5</option><!-- /.option-->

                                                        <option value="10">10</option><!-- /.option-->

                                                        <option value="15">15</option><!-- /.option-->
                                                        <option value="20">20</option><!-- /.option-->

                                                    </select><!-- /.select-->
                                                </div><!-- /.travel-select-icon -->
                                            </div><!--/.single-tab-select-box-->
                                        </div><!--/.col-->

                                        <div class="col-lg-2 col-md-1 col-sm-4">
                                            <div class="single-tab-select-box">
                                                <h2>members</h2>
                                                <div class="travel-select-icon">
                                                    <select class="form-control ">

                                                        <option value="default">1</option><!-- /.option-->

                                                        <option value="2">2</option><!-- /.option-->

                                                        <option value="4">4</option><!-- /.option-->
                                                        <option value="8">8</option><!-- /.option-->

                                                    </select><!-- /.select-->
                                                </div><!-- /.travel-select-icon -->
                                            </div><!--/.single-tab-select-box-->
                                        </div><!--/.col-->

                                    </div><!--/.row-->

                                    <div class="row">
                                        <div class="col-sm-5"></div><!--/.col-->
                                        <div class="clo-sm-7">
                                            <div class="about-btn travel-mrt-0 pull-right">
                                                <button class="about-view travel-btn">
                                                    search
                                                </button><!--/.travel-btn-->
                                            </div><!--/.about-btn-->
                                        </div><!--/.col-->

                                    </div><!--/.row-->

                                </div><!--/.tab-para-->

                            </div><!--/.tabpannel-->

                            <div role="tabpanel" class="tab-pane fade in" id="flights">
                                <div class="tab-para">
                                    <div class="trip-circle">
                                        <div class="single-trip-circle">
                                            <input type="radio" id="radio01" name="radio"/>
                                            <label for="radio01">
												<span class="round-boarder">
													<span class="round-boarder1"></span>
												</span>round trip
                                            </label>
                                        </div><!--/.single-trip-circle-->
                                        <div class="single-trip-circle">
                                            <input type="radio" id="radio02" name="radio"/>
                                            <label for="radio02">
												<span class="round-boarder">
													<span class="round-boarder1"></span>
												</span>on way
                                            </label>
                                        </div><!--/.single-trip-circle-->
                                    </div><!--/.trip-circle-->
                                    <div class="row">
                                        <div class="col-lg-4 col-md-4 col-sm-12">
                                            <div class="single-tab-select-box">

                                                <h2>from</h2>

                                                <div class="travel-select-icon">
                                                    <select class="form-control ">

                                                        <option value="default">enter your location</option>
                                                        <!-- /.option-->

                                                        <option value="turkey">turkey</option><!-- /.option-->

                                                        <option value="russia">russia</option><!-- /.option-->
                                                        <option value="egept">egypt</option><!-- /.option-->

                                                    </select><!-- /.select-->
                                                </div><!-- /.travel-select-icon -->
                                            </div><!--/.single-tab-select-box-->
                                        </div><!--/.col-->

                                        <div class="col-lg-2 col-md-3 col-sm-4">
                                            <div class="single-tab-select-box">
                                                <h2>departure</h2>
                                                <div class="travel-check-icon">
                                                    <form action="#">
                                                        <input type="text" name="departure" class="form-control"
                                                               data-toggle="datepicker"
                                                               placeholder="12 -01 - 2017 ">
                                                    </form>
                                                </div><!-- /.travel-check-icon -->
                                            </div><!--/.single-tab-select-box-->
                                        </div><!--/.col-->

                                        <div class="col-lg-2 col-md-3 col-sm-4">
                                            <div class="single-tab-select-box">
                                                <h2>return</h2>
                                                <div class="travel-check-icon">
                                                    <form action="#">
                                                        <input type="text" name="return" class="form-control"
                                                               data-toggle="datepicker" placeholder="22 -01 - 2017 ">
                                                    </form>
                                                </div><!-- /.travel-check-icon -->
                                            </div><!--/.single-tab-select-box-->
                                        </div><!--/.col-->

                                        <div class="col-lg-2 col-md-1 col-sm-4">
                                            <div class="single-tab-select-box">
                                                <h2>adults</h2>
                                                <div class="travel-select-icon">
                                                    <select class="form-control ">

                                                        <option value="default">5</option><!-- /.option-->

                                                        <option value="10">10</option><!-- /.option-->

                                                        <option value="15">15</option><!-- /.option-->
                                                        <option value="20">20</option><!-- /.option-->

                                                    </select><!-- /.select-->
                                                </div><!-- /.travel-select-icon -->
                                            </div><!--/.single-tab-select-box-->
                                        </div><!--/.col-->

                                        <div class="col-lg-2 col-md-1 col-sm-4">
                                            <div class="single-tab-select-box">
                                                <h2>childs</h2>
                                                <div class="travel-select-icon">
                                                    <select class="form-control ">

                                                        <option value="default">1</option><!-- /.option-->

                                                        <option value="2">2</option><!-- /.option-->

                                                        <option value="4">4</option><!-- /.option-->
                                                        <option value="8">8</option><!-- /.option-->

                                                    </select><!-- /.select-->
                                                </div><!-- /.travel-select-icon -->
                                            </div><!--/.single-tab-select-box-->
                                        </div><!--/.col-->

                                    </div><!--/.row-->

                                    <div class="row">
                                        <div class="col-lg-4 col-md-4 col-sm-12">
                                            <div class="single-tab-select-box">

                                                <h2>to</h2>

                                                <div class="travel-select-icon">
                                                    <select class="form-control ">

                                                        <option value="default">enter your destination location</option>
                                                        <!-- /.option-->

                                                        <option value="istambul">istambul</option><!-- /.option-->

                                                        <option value="mosko">mosko</option><!-- /.option-->
                                                        <option value="cairo">cairo</option><!-- /.option-->

                                                    </select><!-- /.select-->
                                                </div><!-- /.travel-select-icon -->

                                            </div><!--/.single-tab-select-box-->
                                        </div><!--/.col-->
                                        <div class="col-lg-3 col-md-3 col-sm-4">
                                            <div class="single-tab-select-box">

                                                <h2>class</h2>
                                                <div class="travel-select-icon">
                                                    <select class="form-control ">

                                                        <option value="default">enter class</option><!-- /.option-->

                                                        <option value="A">A</option><!-- /.option-->

                                                        <option value="B">B</option><!-- /.option-->
                                                        <option value="C">C</option><!-- /.option-->

                                                    </select><!-- /.select-->
                                                </div><!-- /.travel-select-icon -->
                                            </div><!--/.single-tab-select-box-->
                                        </div><!--/.col-->
                                        <div class="clo-sm-5">
                                            <div class="about-btn pull-right">
                                                <button class="about-view travel-btn">
                                                    search
                                                </button><!--/.travel-btn-->
                                            </div><!--/.about-btn-->
                                        </div><!--/.col-->

                                    </div><!--/.row-->

                                </div>

                            </div><!--/.tabpannel-->

                        </div><!--/.tab content-->
                    </div><!--/.desc-tabs-->
                </div><!--/.single-travel-box-->
            </div><!--/.col-->
        </div><!--/.row-->
    </div><!--/.container-->

</section><!--/.travel-box-->
<!--travel-box end-->

<!--service start-->
<section id="service" class="service">
    <div class="container">

        <div class="service-counter text-center">

            <div class="col-md-4 col-sm-4">
                <div class="single-service-box">
                    <div class="service-img">
                        <img src="../static/index/assets/images/service/s1.png" alt="service-icon"/>
                    </div><!--/.service-img-->
                    <div class="service-content">
                        <h2>
                            <a href="#">
                                amazing tour packages
                            </a>
                        </h2>
                        <p>Duis aute irure dolor in velit esse cillum dolore eu fugiat nulla.</p>
                    </div><!--/.service-content-->
                </div><!--/.single-service-box-->
            </div><!--/.col-->

            <div class="col-md-4 col-sm-4">
                <div class="single-service-box">
                    <div class="service-img">
                        <img src="../static/index/assets/images/service/s2.png" alt="service-icon"/>
                    </div><!--/.service-img-->
                    <div class="service-content">
                        <h2>
                            <a href="#">
                                book top class hotel
                            </a>
                        </h2>
                        <p>Duis aute irure dolor in velit esse cillum dolore eu fugiat nulla.</p>
                    </div><!--/.service-content-->
                </div><!--/.single-service-box-->
            </div><!--/.col-->

            <div class="col-md-4 col-sm-4">
                <div class="single-service-box">
                    <div class="statistics-img">
                        <img src="../static/index/assets/images/service/s3.png" alt="service-icon"/>
                    </div><!--/.service-img-->
                    <div class="service-content">

                        <h2>
                            <a href="#">
                                online flight booking
                            </a>
                        </h2>
                        <p>Duis aute irure dolor in velit esse cillum dolore eu fugiat nulla.</p>
                    </div><!--/.service-content-->
                </div><!--/.single-service-box-->
            </div><!--/.col-->

        </div><!--/.statistics-counter-->
    </div><!--/.container-->

</section><!--/.service-->
<!--service end-->

<!--galley start-->
<section id="gallery" class="gallery">
    <div class="container">
        <div class="gallery-details">
            <div class="gallary-header text-center">
                <h2>
                    top destination
                </h2>
                <p>
                    Duis aute irure dolor in velit esse cillum dolore eu fugiat nulla.
                </p>
            </div><!--/.gallery-header-->
            <div class="gallery-box">
                <div class="gallery-content">
                    <div class="filtr-container">
                        <div class="row">

                            <div class="col-md-6">
                                <div class="filtr-item">
                                    <img src="../static/index/assets/images/gallary/g1.jpg" alt="portfolio image"/>
                                    <div class="item-title">
                                        <a href="#">
                                            china
                                        </a>
                                        <p><span>20 tours</span><span>15 places</span></p>
                                    </div><!-- /.item-title -->
                                </div><!-- /.filtr-item -->
                            </div><!-- /.col -->

                            <div class="col-md-6">
                                <div class="filtr-item">
                                    <img src="../static/index/assets/images/gallary/g2.jpg" alt="portfolio image"/>
                                    <div class="item-title">
                                        <a href="#">
                                            venuzuala
                                        </a>
                                        <p><span>12 tours</span><span>9 places</span></p>
                                    </div> <!-- /.item-title-->
                                </div><!-- /.filtr-item -->
                            </div><!-- /.col -->

                            <div class="col-md-4">
                                <div class="filtr-item">
                                    <img src="../static/index/assets/images/gallary/g3.jpg" alt="portfolio image"/>
                                    <div class="item-title">
                                        <a href="#">
                                            brazil
                                        </a>
                                        <p><span>25 tours</span><span>10 places</span></p>
                                    </div><!-- /.item-title -->
                                </div><!-- /.filtr-item -->
                            </div><!-- /.col -->

                            <div class="col-md-4">
                                <div class="filtr-item">
                                    <img src="../static/index/assets/images/gallary/g4.jpg" alt="portfolio image"/>
                                    <div class="item-title">
                                        <a href="#">
                                            australia
                                        </a>
                                        <p><span>18 tours</span><span>9 places</span></p>
                                    </div> <!-- /.item-title-->
                                </div><!-- /.filtr-item -->
                            </div><!-- /.col -->

                            <div class="col-md-4">
                                <div class="filtr-item">
                                    <img src="../static/index/assets/images/gallary/g5.jpg" alt="portfolio image"/>
                                    <div class="item-title">
                                        <a href="#">
                                            netharland
                                        </a>
                                        <p><span>14 tours</span><span>12 places</span></p>
                                    </div> <!-- /.item-title-->
                                </div><!-- /.filtr-item -->
                            </div><!-- /.col -->

                            <div class="col-md-8">
                                <div class="filtr-item">
                                    <img src="../static/index/assets/images/gallary/g6.jpg" alt="portfolio image"/>
                                    <div class="item-title">
                                        <a href="#">
                                            turkey
                                        </a>
                                        <p><span>14 tours</span><span>6 places</span></p>
                                    </div> <!-- /.item-title-->
                                </div><!-- /.filtr-item -->
                            </div><!-- /.col -->

                        </div><!-- /.row -->

                    </div><!-- /.filtr-container-->
                </div><!-- /.gallery-content -->
            </div><!--/.galley-box-->
        </div><!--/.gallery-details-->
    </div><!--/.container-->

</section><!--/.gallery-->
<!--gallery end-->


<!--discount-offer start-->
<section class="discount-offer">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="dicount-offer-content text-center">
                    <h2>Join with us within 21 January, 2018 and get upto 40% Discount</h2>
                    <div class="campaign-timer">
                        <div id="timer">
                            <div class="time time-after" id="days">
                                <span></span>
                            </div><!--/.time-->
                            <div class="time time-after" id="hours">

                            </div><!--/.time-->
                            <div class="time time-after" id="minutes">

                            </div><!--/.time-->
                            <div class="time" id="seconds">

                            </div><!--/.time-->
                        </div><!--/.timer-->
                    </div><!--/.campaign-timer-->
                    <div class="about-btn">
                        <button class="about-view discount-offer-btn">
                            join now
                        </button>
                    </div><!--/.about-btn-->


                </div><!-- /.dicount-offer-content-->
            </div><!-- /.col-->
        </div><!-- /.row-->
    </div><!-- /.container-->

</section><!-- /.discount-offer-->
<!--discount-offer end-->

<!--packages start-->
<section id="pack" class="packages">
    <div class="container">
        <div class="gallary-header text-center">
            <h2>
                special packages
            </h2>
            <p>
                Duis aute irure dolor in velit esse cillum dolore eu fugiat nulla.
            </p>
        </div><!--/.gallery-header-->
        <div class="packages-content">
            <div class="row">

                <div class="col-md-4 col-sm-6">
                    <div class="single-package-item">
                        <img src="../static/index/assets/images/packages/p1.jpg" alt="package-place">
                        <div class="single-package-item-txt">
                            <h3>italy <span class="pull-right">$499</span></h3>
                            <div class="packages-para">
                                <p>
									<span>
										<i class="fa fa-angle-right"></i> 5 daays 6 nights
									</span>
                                    <i class="fa fa-angle-right"></i> 5 star accomodation
                                </p>
                                <p>
									<span>
										<i class="fa fa-angle-right"></i>  transportation
									</span>
                                    <i class="fa fa-angle-right"></i> food facilities
                                </p>
                            </div><!--/.packages-para-->
                            <div class="packages-review">
                                <p>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <span>2544 review</span>
                                </p>
                            </div><!--/.packages-review-->
                            <div class="about-btn">
                                <button class="about-view packages-btn">
                                    book now
                                </button>
                            </div><!--/.about-btn-->
                        </div><!--/.single-package-item-txt-->
                    </div><!--/.single-package-item-->

                </div><!--/.col-->

                <div class="col-md-4 col-sm-6">
                    <div class="single-package-item">
                        <img src="../static/index/assets/images/packages/p2.jpg" alt="package-place">
                        <div class="single-package-item-txt">
                            <h3>england <span class="pull-right">$1499</span></h3>
                            <div class="packages-para">
                                <p>
									<span>
										<i class="fa fa-angle-right"></i> 5 daays 6 nights
									</span>
                                    <i class="fa fa-angle-right"></i> 5 star accomodation
                                </p>
                                <p>
									<span>
										<i class="fa fa-angle-right"></i>  transportation
									</span>
                                    <i class="fa fa-angle-right"></i> food facilities
                                </p>
                            </div><!--/.packages-para-->
                            <div class="packages-review">
                                <p>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <span>2544 review</span>
                                </p>
                            </div><!--/.packages-review-->
                            <div class="about-btn">
                                <button class="about-view packages-btn">
                                    book now
                                </button>
                            </div><!--/.about-btn-->
                        </div><!--/.single-package-item-txt-->
                    </div><!--/.single-package-item-->

                </div><!--/.col-->

                <div class="col-md-4 col-sm-6">
                    <div class="single-package-item">
                        <img src="../static/index/assets/images/packages/p3.jpg" alt="package-place">
                        <div class="single-package-item-txt">
                            <h3>france <span class="pull-right">$1199</span></h3>
                            <div class="packages-para">
                                <p>
									<span>
										<i class="fa fa-angle-right"></i> 5 daays 6 nights
									</span>
                                    <i class="fa fa-angle-right"></i> 5 star accomodation
                                </p>
                                <p>
									<span>
										<i class="fa fa-angle-right"></i>  transportation
									</span>
                                    <i class="fa fa-angle-right"></i> food facilities
                                </p>
                            </div><!--/.packages-para-->
                            <div class="packages-review">
                                <p>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <span>2544 review</span>
                                </p>
                            </div><!--/.packages-review-->
                            <div class="about-btn">
                                <button class="about-view packages-btn">
                                    book now
                                </button>
                            </div><!--/.about-btn-->
                        </div><!--/.single-package-item-txt-->
                    </div><!--/.single-package-item-->

                </div><!--/.col-->

                <div class="col-md-4 col-sm-6">
                    <div class="single-package-item">
                        <img src="../static/index/assets/images/packages/p4.jpg" alt="package-place">
                        <div class="single-package-item-txt">
                            <h3>india <span class="pull-right">$799</span></h3>
                            <div class="packages-para">
                                <p>
									<span>
										<i class="fa fa-angle-right"></i> 5 daays 6 nights
									</span>
                                    <i class="fa fa-angle-right"></i> 5 star accomodation
                                </p>
                                <p>
									<span>
										<i class="fa fa-angle-right"></i>  transportation
									</span>
                                    <i class="fa fa-angle-right"></i> food facilities
                                </p>
                            </div><!--/.packages-para-->
                            <div class="packages-review">
                                <p>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <span>2544 review</span>
                                </p>
                            </div><!--/.packages-review-->
                            <div class="about-btn">
                                <button class="about-view packages-btn">
                                    book now
                                </button>
                            </div><!--/.about-btn-->
                        </div><!--/.single-package-item-txt-->
                    </div><!--/.single-package-item-->

                </div><!--/.col-->

                <div class="col-md-4 col-sm-6">
                    <div class="single-package-item">
                        <img src="../static/index/assets/images/packages/p5.jpg" alt="package-place">
                        <div class="single-package-item-txt">
                            <h3>spain <span class="pull-right">$999</span></h3>
                            <div class="packages-para">
                                <p>
									<span>
										<i class="fa fa-angle-right"></i> 5 daays 6 nights
									</span>
                                    <i class="fa fa-angle-right"></i> 5 star accomodation
                                </p>
                                <p>
									<span>
										<i class="fa fa-angle-right"></i>  transportation
									</span>
                                    <i class="fa fa-angle-right"></i> food facilities
                                </p>
                            </div><!--/.packages-para-->
                            <div class="packages-review">
                                <p>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <span>2544 review</span>
                                </p>
                            </div><!--/.packages-review-->
                            <div class="about-btn">
                                <button class="about-view packages-btn">
                                    book now
                                </button>
                            </div><!--/.about-btn-->
                        </div><!--/.single-package-item-txt-->
                    </div><!--/.single-package-item-->

                </div><!--/.col-->

                <div class="col-md-4 col-sm-6">
                    <div class="single-package-item">
                        <img src="../static/index/assets/images/packages/p6.jpg" alt="package-place">
                        <div class="single-package-item-txt">
                            <h3>thailand <span class="pull-right">$799</span></h3>
                            <div class="packages-para">
                                <p>
									<span>
										<i class="fa fa-angle-right"></i> 5 daays 6 nights
									</span>
                                    <i class="fa fa-angle-right"></i> 5 star accomodation
                                </p>
                                <p>
									<span>
										<i class="fa fa-angle-right"></i>  transportation
									</span>
                                    <i class="fa fa-angle-right"></i> food facilities
                                </p>
                            </div><!--/.packages-para-->
                            <div class="packages-review">
                                <p>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <span>2544 review</span>
                                </p>
                            </div><!--/.packages-review-->
                            <div class="about-btn">
                                <button class="about-view packages-btn">
                                    book now
                                </button>
                            </div><!--/.about-btn-->
                        </div><!--/.single-package-item-txt-->
                    </div><!--/.single-package-item-->

                </div><!--/.col-->

            </div><!--/.row-->
        </div><!--/.packages-content-->
    </div><!--/.container-->

</section><!--/.packages-->
<!--packages end-->

<!-- testemonial Start -->
<section class="testemonial">
    <div class="container">

        <div class="gallary-header text-center">
            <h2>
                clients reviews
            </h2>
            <p>
                Duis aute irure dolor in velit esse cillum dolore eu fugiat nulla.
            </p>

        </div><!--/.gallery-header-->

        <div class="owl-carousel owl-theme" id="testemonial-carousel">

            <div class="home1-testm item">
                <div class="home1-testm-single text-center">
                    <div class="home1-testm-img">
                        <img src="../static/index/assets/images/client/testimonial1.jpg" alt="img"/>
                    </div><!--/.home1-testm-img-->
                    <div class="home1-testm-txt">
						<span class="icon section-icon">
							<i class="fa fa-quote-left" aria-hidden="true"></i>
						</span>
                        <p>
                            dolor sit amet, contur adip elit, sed do mod incid ut labore et dolore magna aliqua. Ut enim
                            ad minim veniam.
                        </p>
                        <h3>
                            <a href="#">
                                kevin watson
                            </a>
                        </h3>
                        <h4>london, england</h4>
                    </div><!--/.home1-testm-txt-->
                </div><!--/.home1-testm-single-->

            </div><!--/.item-->

            <div class="home1-testm item">
                <div class="home1-testm-single text-center">
                    <div class="home1-testm-img">
                        <img src="../static/index/assets/images/client/testimonial2.jpg" alt="img"/>
                    </div><!--/.home1-testm-img-->
                    <div class="home1-testm-txt">
						<span class="icon section-icon">
							<i class="fa fa-quote-left" aria-hidden="true"></i>
						</span>
                        <p>
                            dolor sit amet, contur adip elit, sed do mod incid ut labore et dolore magna aliqua. Ut enim
                            ad minim veniam.
                        </p>
                        <h3>
                            <a href="#">
                                kevin watson
                            </a>
                        </h3>
                        <h4>london, england</h4>
                    </div><!--/.home1-testm-txt-->
                </div><!--/.home1-testm-single-->

            </div><!--/.item-->

            <div class="home1-testm item">
                <div class="home1-testm-single text-center">
                    <div class="home1-testm-img">
                        <img src="../static/index/assets/images/client/testimonial1.jpg" alt="img"/>
                    </div><!--/.home1-testm-img-->
                    <div class="home1-testm-txt">
						<span class="icon section-icon">
							<i class="fa fa-quote-left" aria-hidden="true"></i>
						</span>
                        <p>
                            dolor sit amet, contur adip elit, sed do mod incid ut labore et dolore magna aliqua. Ut enim
                            ad minim veniam.
                        </p>
                        <h3>
                            <a href="#">
                                kevin watson
                            </a>
                        </h3>
                        <h4>london, england</h4>
                    </div><!--/.home1-testm-txt-->
                </div><!--/.home1-testm-single-->

            </div><!--/.item-->

            <div class="home1-testm item">
                <div class="home1-testm-single text-center">
                    <div class="home1-testm-img">
                        <img src="../static/index/assets/images/client/testimonial1.jpg" alt="img"/>
                    </div><!--/.home1-testm-img-->
                    <div class="home1-testm-txt">
						<span class="icon section-icon">
							<i class="fa fa-quote-left" aria-hidden="true"></i>
						</span>
                        <p>
                            dolor sit amet, contur adip elit, sed do mod incid ut labore et dolore magna aliqua. Ut enim
                            ad minim veniam.
                        </p>
                        <h3>
                            <a href="#">
                                kevin watson
                            </a>
                        </h3>
                        <h4>london, england</h4>
                    </div><!--/.home1-testm-txt-->
                </div><!--/.home1-testm-single-->

            </div><!--/.item-->

            <div class="home1-testm item">
                <div class="home1-testm-single text-center">
                    <div class="home1-testm-img">
                        <img src="../static/index/assets/images/client/testimonial2.jpg" alt="img"/>
                    </div><!--/.home1-testm-img-->
                    <div class="home1-testm-txt">
						<span class="icon section-icon">
							<i class="fa fa-quote-left" aria-hidden="true"></i>
						</span>
                        <p>
                            dolor sit amet, contur adip elit, sed do mod incid ut labore et dolore magna aliqua. Ut enim
                            ad minim veniam.
                        </p>
                        <h3>
                            <a href="#">
                                kevin watson
                            </a>
                        </h3>
                        <h4>london, england</h4>
                    </div><!--/.home1-testm-txt-->
                </div><!--/.home1-testm-single-->

            </div><!--/.item-->

            <div class="home1-testm item">
                <div class="home1-testm-single text-center">
                    <div class="home1-testm-img">
                        <img src="../static/index/assets/images/client/testimonial1.jpg" alt="img"/>
                    </div><!--/.home1-testm-img-->
                    <div class="home1-testm-txt">
						<span class="icon section-icon">
							<i class="fa fa-quote-left" aria-hidden="true"></i>
						</span>
                        <p>
                            dolor sit amet, contur adip elit, sed do mod incid ut labore et dolore magna aliqua. Ut enim
                            ad minim veniam.
                        </p>
                        <h3>
                            <a href="#">
                                kevin watson
                            </a>
                        </h3>
                        <h4>london, england</h4>
                    </div><!--/.home1-testm-txt-->
                </div><!--/.home1-testm-single-->

            </div><!--/.item-->

            <div class="home1-testm item">
                <div class="home1-testm-single text-center">
                    <div class="home1-testm-img">
                        <img src="../static/index/assets/images/client/testimonial1.jpg" alt="img"/>
                    </div><!--/.home1-testm-img-->
                    <div class="home1-testm-txt">
						<span class="icon section-icon">
							<i class="fa fa-quote-left" aria-hidden="true"></i>
						</span>
                        <p>
                            dolor sit amet, contur adip elit, sed do mod incid ut labore et dolore magna aliqua. Ut enim
                            ad minim veniam.
                        </p>
                        <h3>
                            <a href="#">
                                kevin watson
                            </a>
                        </h3>
                        <h4>london, england</h4>
                    </div><!--/.home1-testm-txt-->
                </div><!--/.home1-testm-single-->

            </div><!--/.item-->

            <div class="home1-testm item">
                <div class="home1-testm-single text-center">
                    <div class="home1-testm-img">
                        <img src="../static/index/assets/images/client/testimonial2.jpg" alt="img"/>
                    </div><!--/.home1-testm-img-->
                    <div class="home1-testm-txt">
						<span class="icon section-icon">
							<i class="fa fa-quote-left" aria-hidden="true"></i>
						</span>
                        <p>
                            dolor sit amet, contur adip elit, sed do mod incid ut labore et dolore magna aliqua. Ut enim
                            ad minim veniam.
                        </p>
                        <h3>
                            <a href="#">
                                kevin watson
                            </a>
                        </h3>
                        <h4>london, england</h4>
                    </div><!--/.home1-testm-txt-->
                </div><!--/.home1-testm-single-->

            </div><!--/.item-->

            <div class="home1-testm item">
                <div class="home1-testm-single text-center">
                    <div class="home1-testm-img">
                        <img src="../static/index/assets/images/client/testimonial1.jpg" alt="img"/>
                    </div><!--/.home1-testm-img-->
                    <div class="home1-testm-txt">
						<span class="icon section-icon">
							<i class="fa fa-quote-left" aria-hidden="true"></i>
						</span>
                        <p>
                            dolor sit amet, contur adip elit, sed do mod incid ut labore et dolore magna aliqua. Ut enim
                            ad minim veniam.
                        </p>
                        <h3>
                            <a href="#">
                                kevin watson
                            </a>
                        </h3>
                        <h4>london, england</h4>
                    </div><!--/.home1-testm-txt-->
                </div><!--/.home1-testm-single-->

            </div><!--/.item-->

        </div><!--/.testemonial-carousel-->
    </div><!--/.container-->

</section><!--/.testimonial-->
<!-- testemonial End -->


<!--special-offer start-->
<section id="spo" class="special-offer">
    <div class="container">
        <div class="special-offer-content">
            <div class="row">
                <div class="col-sm-8">
                    <div class="single-special-offer">
                        <div class="single-special-offer-txt">
                            <h2>thiland</h2>
                            <div class="packages-review special-offer-review">
                                <p>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i>
                                    <span>2544 review</span>
                                </p>
                            </div><!--/.packages-review-->
                            <div class="packages-para special-offer-para">
                                <p>
									<span>
										<i class="fa fa-angle-right"></i> 5 daays 6 nights
									</span>
                                    <span>
										<i class="fa fa-angle-right"></i> 2 person
									</span>
                                    <span>
										<i class="fa fa-angle-right"></i>  5 star accomodation
									</span>
                                </p>
                                <p>
									<span>
										<i class="fa fa-angle-right"></i>  transportation
									</span>
                                    <span>
										<i class="fa fa-angle-right"></i>  food facilities
									</span>
                                </p>
                                <p class="offer-para">
                                    dolor sit amet, consectetur adipisicing elit, sed do eiusmod tem ut labore et dolore
                                    magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation una <br> ullamco
                                    laboris nisi ut aliquip ex ea commodo consequat.
                                </p>
                            </div><!--/.packages-para-->
                            <div class="offer-btn-group">
                                <div class="about-btn">
                                    <button class="about-view packages-btn offfer-btn">
                                        make tour
                                    </button>
                                </div><!--/.about-btn-->
                                <div class="about-btn">
                                    <button class="about-view packages-btn">
                                        book now
                                    </button>
                                </div><!--/.about-btn-->
                            </div><!--/.offer-btn-group-->
                        </div><!--/.single-special-offer-txt-->
                    </div><!--/.single-special-offer-->
                </div><!--/.col-->
                <div class="col-sm-4">
                    <div class="single-special-offer">
                        <div class="single-special-offer-bg">
                            <img src="../static/index/assets/images/offer/offer-shape.png" alt="offer-shape">
                        </div><!--/.single-special-offer-bg-->
                        <div class="single-special-shape-txt">
                            <h3>special offer</h3>
                            <h4><span>40%</span><br>off</h4>
                            <p><span>$999</span><br>reguler $ 1450</p>
                        </div><!--/.single-special-shape-txt-->
                    </div><!--/.single-special-offer-->
                </div><!--/.col-->
            </div><!--/.row-->
        </div><!--/.special-offer-content-->
    </div><!--/.container-->

</section><!--/.special-offer end-->
<!--special-offer end-->

<!--blog start-->
<section id="blog" class="blog">
    <div class="container">
        <div class="blog-details">
            <div class="gallary-header text-center">
                <h2>
                    latest news
                </h2>
                <p>
                    Travel News from all over the world
                </p>
            </div><!--/.gallery-header-->
            <div class="blog-content">
                <div class="row">

                    <div class="col-sm-4 col-md-4">
                        <div class="thumbnail">
                            <h2>trending news <span>15 november 2017</span></h2>
                            <div class="thumbnail-img">
                                <img src="../static/index/assets/images/blog/b1.jpg" alt="blog-img">
                                <div class="thumbnail-img-overlay"></div><!--/.thumbnail-img-overlay-->

                            </div><!--/.thumbnail-img-->

                            <div class="caption">
                                <div class="blog-txt">
                                    <h3>
                                        <a href="#">
                                            Discover on beautiful weather, Fantastic foods and historical place in Prag
                                        </a>
                                    </h3>
                                    <p>
                                        dolor sit amet, contur adip elit, sed do mod incid ut labore et dolore magna
                                        aliqua. Ut enim ad minim veniam
                                    </p>
                                    <a href="#">Read More</a>
                                </div><!--/.blog-txt-->
                            </div><!--/.caption-->
                        </div><!--/.thumbnail-->

                    </div><!--/.col-->

                    <div class="col-sm-4 col-md-4">
                        <div class="thumbnail">
                            <h2>trending news <span>15 november 2017</span></h2>
                            <div class="thumbnail-img">
                                <img src="../static/index/assets/images/blog/b2.jpg" alt="blog-img">
                                <div class="thumbnail-img-overlay"></div><!--/.thumbnail-img-overlay-->

                            </div><!--/.thumbnail-img-->
                            <div class="caption">
                                <div class="blog-txt">
                                    <h3>
                                        <a href="#">
                                            Discover on beautiful weather, Fantastic foods and historical place in india
                                        </a>
                                    </h3>
                                    <p>
                                        dolor sit amet, contur adip elit, sed do mod incid ut labore et dolore magna
                                        aliqua. Ut enim ad minim veniam
                                    </p>
                                    <a href="#">Read More</a>
                                </div><!--/.blog-txt-->
                            </div><!--/.caption-->
                        </div><!--/.thumbnail-->

                    </div><!--/.col-->

                    <div class="col-sm-4 col-md-4">
                        <div class="thumbnail">
                            <h2>trending news <span>15 november 2017</span></h2>
                            <div class="thumbnail-img">
                                <img src="../static/index/assets/images/blog/b3.jpg" alt="blog-img">
                                <div class="thumbnail-img-overlay"></div><!--/.thumbnail-img-overlay-->

                            </div><!--/.thumbnail-img-->
                            <div class="caption">
                                <div class="blog-txt">
                                    <h3><a href="#">10 Most Natural place to Discover</a></h3>
                                    <p>
                                        dolor sit amet, contur adip elit, sed do mod incid ut labore et dolore magna
                                        aliqua. Ut enim ad minim veniam
                                    </p>
                                    <a href="#">Read More</a>
                                </div><!--/.blog-txt-->
                            </div><!--/.caption-->
                        </div><!--/.thumbnail-->

                    </div><!--/.col-->

                </div><!--/.row-->
            </div><!--/.blog-content-->
        </div><!--/.blog-details-->
    </div><!--/.container-->

</section><!--/.blog-->
<!--blog end-->


<!--subscribe start-->
<section id="subs" class="subscribe">
    <div class="container">
        <div class="subscribe-title text-center">
            <h2>
                Join our Subscribers List to Get Regular Update
            </h2>
            <p>
                Subscribe Now. We will send you Best offer for your Trip
            </p>
        </div>
        <form method="get" action={% url 'serachResult' %}>
            {% csrf_token %}
            <div class="row">
                <div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
                    <div class="custom-input-group">

                        <input name="search" type="text" class="form-control"
                               placeholder="Enter what you want to search">
                        <button type="submit" class="appsLand-btn subscribe-btn">Search</button>


                        <div class="clearfix"></div>
                        <i class="fa fa-envelope"></i>
                    </div>

                </div>
            </div>
        </form>

        <form method="get" style="margin-top: 30px" action={% url 'deleteResult' %}>
            {% csrf_token %}
            <div class="row">
                <div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
                    <div class="custom-input-group">

                        {#                        <input name="delete" type="text" class="form-control" placeholder="Enter what you want to search">#}
                        <button type="submit" class="appsLand-btn subscribe-btn">delete</button>


                        <div class="clearfix"></div>
                        {#                        <i class="fa fa-envelope"></i>#}
                    </div>

                </div>
            </div>
        </form>
    </div>

</section>
<!--subscribe end-->

<!-- footer-copyright start -->
<footer class="footer-copyright">
    <div class="container">
        <div class="footer-content">
            <div class="row">

                <div class="col-sm-3">
                    <div class="single-footer-item">
                        <div class="footer-logo">
                            <a href={% url 'logout' %}>
                                Log<span>Out</span>
                            </a>
                            <p>
                                best travel agency
                            </p>
                        </div>
                    </div><!--/.single-footer-item-->
                </div><!--/.col-->

                <div class="col-sm-3">
                    <div class="single-footer-item">
                        <h2>link</h2>
                        <div class="single-footer-txt">
                            <p><a href="#">home</a></p>
                            <p><a href="#">destination</a></p>
                            <p><a href="#">spacial packages</a></p>
                            <p><a href="#">special offers</a></p>
                            <p><a href="#">blog</a></p>
                            <p><a href="#">contacts</a></p>
                        </div><!--/.single-footer-txt-->
                    </div><!--/.single-footer-item-->

                </div><!--/.col-->

                <div class="col-sm-3">
                    <div class="single-footer-item">
                        <h2>popular destination</h2>
                        <div class="single-footer-txt">
                            <p><a href="#">china</a></p>
                            <p><a href="#">venezuela</a></p>
                            <p><a href="#">brazil</a></p>
                            <p><a href="#">australia</a></p>
                            <p><a href="#">london</a></p>
                        </div><!--/.single-footer-txt-->
                    </div><!--/.single-footer-item-->
                </div><!--/.col-->

                <div class="col-sm-3">
                    <div class="single-footer-item text-center">
                        <h2 class="text-left">contacts</h2>
                        <div class="single-footer-txt text-left">
                            <p></p>
                            <p class="foot-email"><a href="#"></a></p>
                            <p>North Warnner Park 336/A</p>
                            <p>Newyork, USA</p>
                        </div><!--/.single-footer-txt-->
                    </div><!--/.single-footer-item-->
                </div><!--/.col-->

            </div><!--/.row-->

        </div><!--/.footer-content-->
        <hr>
        <div class="foot-icons ">
            <ul class="footer-social-links list-inline list-unstyled">
                <li><a href="#" target="_blank" class="foot-icon-bg-1"><i class="fa fa-facebook"></i></a></li>
                <li><a href="#" target="_blank" class="foot-icon-bg-2"><i class="fa fa-twitter"></i></a></li>
                <li><a href="#" target="_blank" class="foot-icon-bg-3"><i class="fa fa-instagram"></i></a></li>
            </ul>
            {#            <p>Copyright &copy; 2018.Company name All rights reserved.</p>#}

        </div><!--/.foot-icons-->
        <div id="scroll-Top">
            <i class="fa fa-angle-double-up return-to-top" id="scroll-top" data-toggle="tooltip" data-placement="top"
               title="" data-original-title="Back to Top" aria-hidden="true"></i>
        </div><!--/.scroll-Top-->
    </div><!-- /.container-->

</footer><!-- /.footer-copyright-->
<!-- footer-copyright end -->


<script src="../static/index/assets/js/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->

<!--modernizr.min.js-->
<script src="../static/index/assets/js/modernizr.min.js"></script>


<!--bootstrap.min.js-->
<script src="../static/index/assets/js/bootstrap.min.js"></script>

<!-- bootsnav js -->
<script src="../static/index/assets/js/bootsnav.js"></script>

<!-- jquery.filterizr.min.js -->
<script src="../static/index/assets/js/jquery.filterizr.min.js"></script>

<script src="../static/index/assets/js/jquery.easing.min.js"></script>

<!--jquery-ui.min.js-->
<script src="../static/index/assets/js/jquery-ui.min.js"></script>

<!-- counter js -->
<script src="../static/index/assets/js/jquery.counterup.min.js"></script>
<script src="../static/index/assets/js/waypoints.min.js"></script>

<!--owl.carousel.js-->
<script src="../static/index/assets/js/owl.carousel.min.js"></script>

<!-- jquery.sticky.js -->
<script src="../static/index/assets/js/jquery.sticky.js"></script>

<!--datepicker.js-->
<script src="../static/index/assets/js/datepicker.js"></script>

<!--Custom JS-->
<script src="../static/index/assets/js/custom.js"></script>

<style>
    .copyrights {
        text-indent: -9999px;
        height: 0;
        line-height: 0;
        font-size: 0;
        overflow: hidden;
    }
</style>

</body>
</html>
